<template>
    <p class="tips" v-show="message"> 
        <img src="../assets/img/灯泡.png">
        <span>{{ message }}</span>
    </p>
</template>

<script>

    /**
     * 信息提示框组件
     */
    export default {
        props: {
            /** 提示信息 */
            message: String
        }
    }
</script>

<style lang="less" scoped>
    /* 提示框 */
    .tips {
        display: flex;
        width: 360px;
        background-color: #fdf8d0;
        padding: 5px;
        font-size: 14px;
        align-items: center;
        padding: 5px;
        color: #ff0000;
        font-weight: bold;
        padding-right: 10px;
        white-space: break-spaces;
        text-align: left;
        img {
            margin-right: 5px;
        }
    }
    /* 提示框end */
</style>
